﻿<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>text-align</title>
<link rel="stylesheet" href="demo.css"/>
<style type="text/css">
p{margin:10px;background:#ddd;word-break:break-all;}
p+p{margin-left:40px;}

.m-demo{text-align:left;}
.m-demo .p1{text-align:right;}
.m-demo .p2{text-align:center;}
.m-demo .p3{text-align:justify;}
</style>
</head>
<body>
<div class="m-demo">
	<p>文本对齐：text-align: left;</p>
	<p class="p1">文本对齐：text-align: right;</p>
	<p class="p2">文本对齐：text-align: center;</p>
	<p class="p3">文本对齐：text-align: justify;文本对齐文本对齐</p>
</div>
</body>
</html>